
<template>
  <div class="contaniner">
    <!--顶部全局组件-->
    <HospitalTop />
    <!--展示路由组件的区域-->
    <div class="content">
      <!--展示路由组件的区域-->
      <router-view></router-view>
    </div>
    <!--底部全局组件-->
    <HospitalBottom />
    <!--登录组件 第二种清空表单的方法-->
    <Login v-if="userStore.visiable == true" />
  </div>
</template>

<script setup lang="ts">
//获取user仓库的数据（visiable）可以控制login组件的对话框显示与隐藏
import useUserStore from '@/store/modules/user';
let userStore = useUserStore();
</script>

<style lang="scss" scoped>
.contaniner {
  display: flex;
  flex-direction: column;
  align-items: center;

  .content {
    margin-top: 70px;
    width: 1200px;
    min-height: 1000px;
  }
}
</style>
